<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=1140">
    <title>人物库</title>
    <link rel="stylesheet" href="style/css/common.css">
    <link rel="stylesheet" type="text/css" href="style/css/style.css">
</head>

<body class="character-library">
    <div class="header-wrap">
        <!-- header DOM结构 -->
    </div>
    <div class="main">
        <ul class="clearfix">
            <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/xijinping.jpg" alt="">
                </a>
                <div class="right-text fl">
                   <p class="name">姓名：<span>习近平</span></p>
                   <p class="sex">性别：<span>男</span></p>
                   <p class="age">出生年月：<span>1960年03月</span></p>
                    <div class="intro">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
            <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/likeqiang.jpg" alt="">
                </a>
                <div class="right-text fl">
                   <p class="name">姓名：<span>李克强</span></p>
                   <p class="sex">性别：<span>男</span></p>
                   <p class="age">出生年月：<span>1960年03月</span></p>
                    <div class="intro">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>

            <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/perlist.jpg" alt="">
                </a>
                <div class="right-text fl">
                   <p class="name">姓名：<span>习近平</span></p>
                   <p class="sex">性别：<span>男</span></p>
                   <p class="age">出生年月：<span>1960年03月</span></p>
                    <div class="intro">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>

            <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/perlist.jpg" alt="">
                </a>
                <div class="right-text fl">
                   <p class="name">姓名：<span>习近平</span></p>
                   <p class="sex">性别：<span>男</span></p>
                   <p class="age">出生年月：<span>1960年03月</span></p>
                    <div class="intro">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>


        </ul>
    </div>
    <div class="footer-wrap">
        <!-- 	页脚部分Dom -->
    </div>
    <script src="script/jquery.min.js"></script>
    <script src="script/headerFooter.js"></script>
    <script>
        $(".nav").find('a').eq(6).addClass("active");
    </script>
</body>

</html>
